/*
 * Copyright © 2016 Cask Data, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
 */

@import "../../styles/variables.less";
@import "../../styles/themes/cdap/mixins.less";
@import "../../../bower_components/bootstrap/less/mixins.less";

my-datetime-range {
  .date-text-input {
    margin-bottom: 10px;
  }

  .datetime-range {
    width: 400px;
    padding-top: 10px;
    margin-top: -11px;
    z-index: 900;
    display: inline-block;

    &.open {
      background-color: white;
      position: absolute;
      border-radius: 4px;
      .box-shadow(0 5px 15px 1px fade(black, 40%));
    }
  }
  .datetime-input {
    width: 45%;
    display: inline-block;

    & > span {
      display: block;
      width: 100%;
      height: 32px;
      padding: 6px 12px;
      background-color: white;
      border: 1px solid #ccc;
      border-radius: 4px;
      cursor: pointer;

      &.active {
        border: 2px solid @tracker-green;
      }
    }
  }



  .done-button {
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 0;
    color: #464a56;
    border-bottom: 0;
    border-right: 0;
    border-left: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
}
